<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
			div{
				width: 10em;
				border:.2px  solid;
			}
			
			span {
				/* position: relative; */
				top: 4em;
				left: 2em;
				border: solid;
			}
		</style>
	</head>
	<body>
		<!-- 
		 注意相对定位后 ，位置改变了，原来空间会留出来， 不会被其他的元素 填充进去 
		 
		 -->
		
		<div>
			我们通常都没有自已以为的那么聪明，否则就不存在<span>Debug</span>这种事情了。
			
		</div>
	</body>
</html>
